.A {
    width: 1600px;
    height: 1500px;
    position: relative;
    background-image: url(x.jpg);
    background-size: 1610px 900px;
}

.a {
    width: 1400px;
    height: 300px;
    left: 90px;
    top: 80px;
    position: absolute;
    border: 8px solid black;
    box-shadow: 10px 10px 5px #a897a7;
}

.biao {
    font-size: 70px;
    position: absolute;
    left: 380px;
    top: 10px;
}

.ti {
    font-size: 60px;
    position: absolute;
    top: 130px;
    left: 580px;
}

.b {
    position: absolute;
    left: 720px;
    top: 410px;
    font-size: 40px;
}

.z {
    width: 350px;
    height: 600px;
    background-color: white;
    border: 7px solid #1f80a3;
    position: absolute;
    box-shadow: 10px 10px 5px #a897a7;
    left: 30px;
    top: 550px;
    transform: translate(2);
}

.z:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}

.zhang {
    width: 200px;
    height: 200px;
    border-radius: 110px;
    position: absolute;
    border: 6px solid black;
    box-shadow: 10px 10px #a897a7;
    left: 75px;
    top: 70px;
    background-image: url(1.jpg);
    background-size: 200px;
}

.zhang:hover {
    transform: rotate(360deg);
    transition-duration: 3s;
}

.zz {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 320px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.zzz {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 50px;
}

.lianjie {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 450px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.lian {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.lianjie:hover {
    font-size: 45px;
    background-color: #1f80a3;
}

.l {
    width: 350px;
    height: 600px;
    background-color: white;
    border: 7px solid#edca48;
    position: absolute;
    box-shadow: 10px 10px 5px #a897a7;
    left: 420px;
    top: 550px;
    transform: translate(2);
}

.l:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}

.luo {
    width: 200px;
    height: 200px;
    border-radius: 110px;
    position: absolute;
    border: 6px solid black;
    box-shadow: 10px 10px #a897a7;
    left: 75px;
    top: 70px;
    background-image: url(2.jpg);
    background-size: 190px;
}

.luo:hover {
    transform: rotate(360deg);
    transition-duration: 3s;
}

.ll {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 320px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.lll {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.lj {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 450px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.lj:hover {
    font-size: 45px;
    background-color: #edca48;
}

.jl {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.c {
    width: 350px;
    height: 600px;
    background-color: white;
    border: 7px solid #1f80a3;
    position: absolute;
    box-shadow: 10px 10px 5px #a897a7;
    left: 810px;
    top: 550px;
    transform: translate(2);
}

.c:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}

.cao {
    width: 200px;
    height: 200px;
    border-radius: 110px;
    position: absolute;
    border: 6px solid black;
    box-shadow: 10px 10px #a897a7;
    left: 75px;
    top: 70px;
    background-image: url(3.jpg);
    background-size: 200px;
}

.cao:hover {
    transform: rotate(360deg);
    transition-duration: 3s;
}

.cc {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 320px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.ccc {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.ljc {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 450px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.ljc:hover {
    font-size: 45px;
    background-color: #1f80a3;
}

.jlc {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.h {
    width: 350px;
    height: 600px;
    background-color: white;
    border: 7px solid #742b77;
    position: absolute;
    box-shadow: 10px 10px 5px#a897a7;
    left: 1200px;
    top: 550px;
    transform: translate(2);
}

.h:hover {
    transform: scale(1.1);
    transition-duration: 1s;
}

.he {
    width: 200px;
    height: 200px;
    border-radius: 110px;
    position: absolute;
    border: 6px solid black;
    box-shadow: 10px 10px #a897a7;
    left: 75px;
    top: 70px;
    background-image: url(4.jpg);
    background-size: 200px;
}

.he:hover {
    transform: rotate(360deg);
    transition-duration: 3s;
}

.hh {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 320px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.hhh {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.ljh {
    width: 180px;
    height: 75px;
    border: 8px solid black;
    position: absolute;
    top: 450px;
    left: 80px;
    box-shadow: 10px 10px #a897a7;
}

.ljh:hover {
    font-size: 45px;
    background-color: #742b77;
}

.jlh {
    font-size: 40px;
    padding-bottom: 10px;
    position: absolute;
    top: -25px;
    left: 35px;
}

.bottom {
    padding: 20px;
    border-top: 4px solid #a897a7;
    font-size: 13px;
    overflow: auto;
    text-align: center;
    width: 1560px;
}

.logo {
    position: absolute;
    left: -170px;
    top: -60px;
}